<template>
<div class="page">
	<head-nav></head-nav>
	<div class="content">

	<!--<swiper>首页幻灯片</swiper>-->
	
	<div class="backfff content-boxshow content-marbottom10">
		<div class="row no-gutter">
			<div class="col-50 paddings20 border-right centerActive">
				<a href="/#/project.new" > 
					<div class="divBox"> 
						<i class="iconfont icon-secure colorafff"></i>
					</div>
					<div class="text-center min-font color-333">新建项目</div>
				</a>
			</div>
			<div class="col-50 paddings20  border-right centerActive">
				<a href="/#/task.new" class="item-link width100" >
					<div class="divBox"> 
						<i class="iconfont icon-moneylog colorcfb"></i>
					</div> 
					<div class="text-center min-font color-333">新建任务</div>
				</a>
			</div>
		</div>
	</div>

	<div class="overflow">
		<div class="list-block media-list list-margin">
			<ul class="projects-bg">
				<li v-for="item in items" class="content-marbottom10 content-boxshow">
					<a v-bind:href="'/#/project.view?' + item.pid" class="item-link content-padrights overflow">
						<div class="border-bottom item-content">
							<div class="item-inner content-padr5" >
								<div class="item-title-row">
									<div class="item-title min-font color-cfd" v-text="item.name"></div>
									<div class="item-after min-font color-999" v-text="item.time"></div>
								</div>
							</div>
						</div>
						<div class="row no-gutter content-pad10lrights">
							<div class="col-33">
								<span class="min-font display-block text-center content-padtb color-999">高危漏洞</span>
								<samll class="text-center display-block color-ffb" v-text="item.vulhigh"></samll>
							</div>
							<div class="col-33">
								<span class="min-font display-block text-center content-padtb color-999">中危漏洞</span>
								<samll class="text-center display-block color-333" v-text="item.vulmiddle"></samll>
							</div>
							<div class="col-33">
								<span class="min-font display-block text-center content-padtb color-999">低危漏洞</span>
								<samll class="text-center display-block color-000" v-text="item.vullow"></samll>
							</div>
						</div>
					</a>
				</li>
			</ul>
		</div>
		</div>

		<div class="width100 text-center" style="padding-bottom:.50rem;">
			<a href="/#/project.list" class="min-font color-666">更多项目></a>
		</div>

	</div>
</div>
<panel></panel>
</template>

<script>
	import headNav 	from "../components/headNav.vue"
	import panel 	from "../components/panel.vue"
	import swiper 	from "../components/swiper.vue"
	import footNav 	from "../components/footNav.vue"
	
	export default {
		data(){
			return {
				items: []
			}
		},
		components: {
			headNav,
			panel,
			swiper,
			footNav
		},
		ready(){
			
		}
	}
</script>
